<%--
  Created by IntelliJ IDEA.
  User: kent
  Date: 2020/6/10
  Time: 15:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>

<head>
    <base href="<%=basePath%>">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="">
    <title>众筹中原</title>
    <link rel="stylesheet" href="css/public.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/common.css" />
    <style>
        .popMain {
            height: 400px
        }

        .ltem_1 {
            position: relative;
            padding-bottom: 12px;
        }

        .ltem_1 input {
            border: 1px solid #909090 !important;
            outline: none !important;
            width: 380px;
            border-radius: 3px !important;
            padding: 10px 0 !important;
            line-height: 20px !important;
        }

        .ltem_1 label {
            /*position: absolute;
            left:90px;*/
        }

        .ltem_1 .list_head {
            width: 120px;
            display: inline-block;
            text-align: right;
            margin-right: 15px;
            font-size: 16px;
        }

        .ltem_1 select {
            width: 120px;
            font-size: 16px;
            font-weight: normal;
            padding: 5px 0;
            border-radius: 3px;
        }

        .head_img_up {
            width: 600px;
            text-align: center;
        }

        .head_img_up img {
            width: 130px;
            height: 130px;
            border-radius: 50%;
        }

        .upload_btn {
            border: none;
            width: 100px;
            height: 40px;
            color: #fff;
            font-size: 14px;
            line-height: 40px;
            position: relative;
            margin: 10px auto 40px auto;
            border-radius: 5px;
        }

        .upload_btn input {
            opacity: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

        #imghead {
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
        }

        .yzm {
            font-size: 16px;
            color: #009F95;
            position: absolute;
            right: 180px;
            top: 8px;
        }
    </style>
</head>

<body>
<!-- 头部 -->
<header>
    <div class="center clearfix">
        <div class="rt_head">
					<span>
						<img src="images/head_call.png" alt=""> 官方咨询电话：
						<b>400-999-8235</b>
					</span>
            <span>
						<img src="images/head_scan.png" />微信公众号
					</span>
            <span>
						<a href="pages/aboutUs">
							关于我们
						</a>
					</span>
        </div>
    </div>
</header>
<!-- 导航nav -->
<nav>
    <div class="center" style="position: relative;">
        <a href="###" class="logo"></a>
        <div class="nav_tab">
            <a href="###">首页</a>
<%--            <a href="/item/showItem?count=0&limit=5">综合类项目</a>--%>
            <a href="/item/showItem?count=0&limit=5">综合类项目</a>
            <a href="/pages/tradeItem">交易类项目</a>
            <a href="/pages/succeedItem">已成功项目</a>
            <a href="/pages/community">众筹社区</a>
        </div>
        <a href="/pages/publishItem" class="gradient add_zc">
            +发起众筹
        </a>
        <div class="log_txt">
            <!-- 登录前 -->
            <div class="log_txt_before" style="margin-top: 20px" id="loginBefore">
                <a href="/pages/login">登录</a>|
                <a href="/pages/register">注册</a>
            </div>
            <!--登录后-->
            <div class="log_txt_head" id="loginAfter" style="display: none">
                <a href="launch/launchCenter.do" class="mes" style="margin-right: -10px;">
                    <i class="iconfont icon-xinfeng"></i>
                </a>
                <a class="head-img" id="head-img">
                    <img id="c_header" src="viewer/viewDisk.do?path="
                         onerror="javascript:this.src='images/head-mr.jpg'" />
                </a>
                <ul style="display: none;" id="list">
                    <li class="active">
                        <a href="Site/toPerson.do">
                            <i class="iconfont icon-gerenzhongxin"></i>个人设置
                        </a>
                    </li>
                    <li>
                        <a href="order/findMaybeOrder.do">
                            <i class="iconfont icon-dingdanxinxi"></i>订单管理
                        </a>
                    </li>
                    <li>
                        <a href="persion/project.do">
                            <i class="iconfont icon-xiangmuxiaoxi"></i>项目管理
                        </a>
                    </li>
                    <li>
                        <a href="money/findFortune.do">
                            <i class="iconfont icon-caifuzhongxin"></i>财富中心
                        </a>
                    </li>
                    <li>
                        <a href="launch/launchCenter.do">
                            <i class="iconfont icon-xinfeng"></i>消息中心
                        </a>
                    </li>
                    <li style="border-top:1px solid #EDEDED;text-align: center;">
                        <a href="/login/logout"> 退出 </a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</nav>
<!-- 轮播 -->
<div id="slideBox" class="slideBox">
    <div class="hd">
        <ul class="flex-control-nav">
            <li>1</li>
            <li>2</li>
        </ul>
    </div>
    <div class="bd">
        <ul>
            <li>
                <a href="###" target="_blank" style="background: url(images/banner1.png) no-repeat center;"></a>
            </li>
            <li>
                <a href="###" target="_blank" style="background: url(images/banner2.jpg) no-repeat center;"></a>
            </li>

        </ul>
    </div>

    <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
    <a class="prev" href="javascript:void(0)"></a>
    <a class="next" href="javascript:void(0)"></a>
</div>
<!-- 公告+数据 -->
<div class="w_num">
    <div class="w_main">
        <div class="ptgg_left">
            <div class="txtScroll-top">
                <div class="hd"></div>
                <div class="bd">
                    <i class="iconfont icon-tongzhimb"></i>
                    <ul class="infoList">
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">第五次全国金融工作会议-互联网金融众筹那些事儿 </a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="ptgg_right">
            <div class="txtScroll-top">
                <div class="hd"></div>
                <div class="bd" style="margin-left: 20px;">
                    <i class="iconfont icon-tongzhimb"></i>
                    <ul class="infoList">
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">第五次全国金融工作会议-互联网金融众筹那些事儿 </a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a>
                        </li>
                        <li><span class="date">4/17</span>
                            <a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 项目情况 -->
<div class="tj">
    <div class="center">
        <div class="xm_list">
            <div class="xm_ltem" style="float: left;">
                <a href="###">
                    <img src="images/show_bg1.png" />
                    <img src="images/show_1.png" class="show1" />
                    <p><img src="images/show_txt1.png" /></p>
                </a>
            </div>
            <div class="xm_ltem" style="float: right;">
                <a href="###">
                    <img src="images/show_bg2.png" />
                    <img src="images/show_2.png" class="show1" />
                    <p><img src="images/show_txt2.png" /></p>
                </a>
            </div>
        </div>
        <div class="xm_list">
            <ul class="xm_num">
                <li style="text-align: left;">
                    <i id="myTargetElement">160</i> 项目总数
                </li>
                <li>
                    <i id="myTargetElement2">17637897</i> 预约金额
                </li>
                <li>
                    <i id="myTargetElement3">10084</i> 支持人次
                </li>
                <li style="text-align:right;">
                    <i id="myTargetElement4">159901309</i> 支持金额
                </li>
            </ul>
        </div>
    </div>
</div>

<!-- 合作伙伴 -->
<div class="tj five">
    <div class="index_bottom">
        <span class="index_bottom_list">合作伙伴</span>
    </div>
    <div class="center">
        <!-- 下 -->
        <div class="idex_bt">
            <div class="cp">
                <ul class="login_msg">
                    <li style="margin-left:0px;">
                        <a href="#">
                            <img src="images/hexin.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/pufa.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/rongbao.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/shouhang.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/tonglian.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/yatai.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/yatai.jpg">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- 风险揭示 -->
<div class="tj five">
    <div class="index_bottom">
        <span class="index_bottom_list">投资风险揭示书</span>
    </div>
    <div style="padding:45px 0;font-size:16px;line-height:30px;text-align: center;color: #646464;"> 任何股权投资都具有一定风险，请仔细阅读相关投资细则，全面了解相关法律法规，根据自身的投资目的、投资期限、投资经验、资产状况等判断是否具备相应的投资风险承受能力。<br> 本众筹平台对发布、转载、分享的股权众筹项目，不对所包含内容的真实性、合法性、准确性、完整性、可靠性或完善性提供任何明示或暗示的保证，仅供投资者参考，本众筹平台将不承担任何责任。 </div>
</div>
<!-- footer -->
<footer>
    <div class="w clearfix">
        <div class="lg_footer clearfix">
            <div class="sm_footer">
                <div class="gplz">
                    <div class="gplz_lj">
                        <ul class="" style="">
                            <li>
                                <a href="/pages/aboutUs">关于我们</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/2">联系我们</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/7">众筹课堂</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/3">注册协议</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/4">发起人协议</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/5">发起人须知</a>
                            </li>
                            <li> |</li>
                            <li>
                                <a href="http://www.zczyw.com/help/index/id/6">支持者须知</a>
                            </li>
                        </ul>
                        <p class="place_footer">--众筹中原-- by:神农山一队精英 </p>
                    </div>
                </div>
                <div class="trusted-icon">
                    <a href="http://www.51miit.com/auth/CE5B140C67E74642BB83A59AE27312EE/" target="_blank">
                        <img src="images/icp.png" alt="">
                    </a>
                    <a href="http://www.zczyw.com/Public/statics/img/shangbiaozheng.jpg" target="_blank">
                        <img src="images/shangbiaozheng.png" alt="">
                    </a>
                    <a href="http://www.zczyw.com/Public/statics/img/zhuzuoquan.jpg" target="_blank">
                        <img src="images/zhuzuoquan.png" alt="">
                    </a>
                    <a href="http://gsxt.haaic.gov.cn/company/detail.jspx?id=4F8FFD5FE3C8896FE053070A080AC15D&amp;jyzk=jyzc" target="_blank">
                        <img src="images/gongshang.png" alt="河南工商">
                    </a>
                    <a href="http://webscan.360.cn/index/checkwebsite/url/www.zczyw.com" target="_blank">
                        <!--<img border="0" src="http://webscan.360.cn/status/pai/hash/61b2506c91c6f99c2d853ff592ab0a1f"/>-->
                        <img border="0" src="images/360.png">
                    </a>
                    <a href="https://www.creditchina.gov.cn/xinyongxinxixiangqing/default.html?isEncryStr=1&amp;encryStr=fWJ3bjludDZpMjE%3D%0A&amp;name=%E6%B2%B3%E5%8D%97%E5%8D%8E%E6%99%9F%E7%BD%91%E7%BB%9C%E7%A7%91%E6%8A%80%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;isEncryStr=1" target="_blank">
                        <img src="images/china.png" alt="信用中国">
                    </a>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- 侧边栏 -->
<div class="side">

</div>
<!--弹窗-->
<div class="popBox" style="display:none;">
    <div class="popMain">
        <h3 class="title">绑定手机号 <span>x</span></h3>
        <div class="smPanel" style="padding-left: 70px;">

            <div class="ltem_1">
                <span class="list_head">手机号：</span>
                <label>
                    <input type="text">
                </label>
            </div>
            <div class="ltem_1">
                <span class="list_head">验证码：</span>
                <label>
                    <input type="text">
                </label>
                <a href="###" class="yzm">发送验证码</a>
            </div>
            <div class="ltem_1">
						<span class="list_head ltem" style="padding-bottom: 0;">

						</span>

            </div>
            <div class="buttonBox" style="width:250px;padding-bottom: 50px; margin-left: 7em;margin-top: 30px;margin: 0 auto;">
                <a class="gradient">提交</a>

            </div>

        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<!-- 控制登录菜单 -->
<script type="text/javascript">
    loginUser= ${loginObject.userId};
    if (loginUser!=null){
        console.log(loginUser);
        $("#loginBefore").css("display","none");
        $("#loginAfter").css("display","block");
    }else {
        console.log(loginUser);
        $("#loginBefore").css("display","block");
        $("#loginAfter").css("display","none");
    }

    $('#head-img').hover(function() {
        $('#list').show();
    });
    $('.log_txt_head').mouseleave(function() {
        $("#list").css("display", "none");
    });
    $('#head-img').on('click', function() {
        window.location.href = "Site/toPerson.do";
    });
</script>

<!--控制新闻翻动-->
<script type="text/javascript">
    jQuery(".slideBox").slide({ mainCell: ".bd ul", autoPlay: true });
</script>
<script>
    jQuery(".txtScroll-top").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "top", autoPlay: true, vis: 1 });
</script>
<!--控制数字滚动-->
<script type="text/javascript" src="js/countUp.min.js"></script>
<script type="text/javascript">
    var options = {
        useEasing: true,
        useGrouping: true,
        separator: ',',
        decimal: '.',
        prefix: '',
        suffix: ''
    };
    var demo = new CountUp("myTargetElement", 0, 160, 0, 2.5, options);
    var demo2 = new CountUp("myTargetElement2", 0, 17637897, 0, 2, options);
    var demo3 = new CountUp("myTargetElement3", 0, 10084, 0, 2, options);
    var demo4 = new CountUp("myTargetElement4", 0, 159901309, 0, 2, options);
    $(window).scroll(function() {
        if($(window).scrollTop() >= 250) {
            demo.start();
            demo2.start();
            demo3.start();
            demo4.start();
        }
    })
</script>
</body>
</html>
